<!-- 我的表格 -->

<template>
  <WebTable :list="LIST" class="ConfigCarbon-MyTable" noPage mini>
    <RowTitle label="能源名称" bind="name" />

    <RowText label="折标煤系数" bind="value" />

    <RowText label="系数单位" bind="unit" />
  </WebTable>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyTable',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: {
    /**
     * 列表
     */
    LIST: () => [
      { id: 1, name: '原煤', value: '0.7143', unit: 'kgce/kg' },
      { id: 2, name: '天然气', unit: 'kgce/m³', value: '1.2143' },
      { id: 3, name: '液化石油气', unit: 'kgce/kg', value: '1.7143' },
      { id: 4, name: '汽油', unit: 'kgce/kg', value: '1.4714' },
      { id: 5, name: '柴油', unit: 'kgce/kg', value: '1.4571' },
      { id: 6, name: '燃料油', unit: 'kgce/kg', value: '1.4286' },
      { id: 7, name: '电力', unit: 'kgce/kW·h', value: '0.1229 (当量)' },
      { id: 8, name: '热力', unit: 'kgce/MJ', value: '0.03412 (当量)' },
    ],
  },
}
</script>

<style lang="scss">
@import './index.scss';
</style>
